<style scoped>
.title{
  height:30px;
  line-height:30px;
  font-size:14px;
  color:#1AC0ED;
}

.hr{
  width:100%;
  height:1px;
  margin:10px 0px;
  background-color: #FFF;
  opacity: 0.3;
}
</style>
<template>
  <div>
    <div class="title">饼图设置</div>
    <div class="hr"></div>
  </div>

</template>
<script>

import lodash from 'lodash'

export default {
  name: 'pieconfig',
  props: {
    value: {
      type: Object,
      default () {
        return {}
      }
    }
  },
  components: {

  },
  data () {
    return {
      editConfig: {
        type: 'pie'
      }
    }
  },
  watch: {
    value: {
      handler () {
        lodash.merge(this.editConfig, this.value)
      },
      deep: true
    },
    editConfig: {
      handler (val) {
        console.log('series pie config change', val)
        this.$emit('input', val)
      },
      deep: true
    }
  }
}
</script>
